<template>
    <div class="classfiy">
        <p class="p1">购物车</p>
       <i  class="iconfont icon-sousuo"></i>

    </div>
</template>

<script>
export default {

}
</script>

<style lang='scss' scoped>
 $appwidth:375;


@function pxtovw($p){
    @return (100/$appwidth*$p) * 1vw;
}
.classfiy{
    z-index: 6;
    width: 100%;
    position: fixed;
    height: pxtovw(40);
     line-height: pxtovw(40);
    background: #eee;
    top:0;
    .p1{
         height: pxtovw(40);
       line-height: pxtovw(40);
        text-align: center;
        font-size: pxtovw(16);
        color: rgb(92, 91, 92);
    }
    .icon-sousuo{
        position: absolute;
        right:pxtovw(10);
        top:pxtovw(0);
        font-size: pxtovw(18);
    }
}
</style>
